篇首语：本文由编程笔记#小编为大家整理，主要介绍了Android中.9图片的含义及制作教程相关的知识，希望对你有一定的参考价值。

android中.9图片的含义及制作教程

个人主页
演示Demo下载

---

一、9patch图片的概念

• 9patch图片是andriod app开发里一种特殊的图片形式&＃xff0c;文件的扩展名为&＃xff1a;.9.png

• 9patch图片的作用就是在图片拉伸的时候保证其不会失真。所以我们使用.9图片&＃xff0c;让图片在指定的位置拉伸和在指定的位置显示内容&＃xff0c;这样图片的边边角角就不会出现失真了。

二、使用.9图片和不使用的差异

• 9patch和一般图片的区别在于.9图片有四条黑边&＃xff0c;而一般的图片没有&＃xff0c;这四条黑边就是用来拉伸和指定显示位置的。

• 使用.9图片后&＃xff0c;整个图片应该是包裹着你想要显示的内容的&＃xff0c;而没有使用的话整个控件布局看起来特别糟糕。

三、绘制.9图片

• 绘制之前先来说一下.9图片的四条黑边的意义&＃xff0c;每条黑边的意义都不一样。

顶部&＃xff1a;在水平拉伸的时候&＃xff0c;保持其他位置不动&＃xff0c;只在这个点的区域做无限的延伸&＃xff08;拷贝&＃xff09;

左边&＃xff1a;在竖直拉伸的时候&＃xff0c;保持其他位置不动&＃xff0c;只在这个点的区域做无限的延伸&＃xff08;拷贝&＃xff09;

底部&＃xff1a;在水平拉伸的时候&＃xff0c;指定图片里的内容显示的区域

右边&＃xff1a;在竖直拉伸的时候&＃xff0c;指定图片里的内容显示的区域

1. 使用Eclipse工具制作.9图片

• 在Eclipse中有提供专门的工具来制作.9图片。在你的sdk目录下的tools目录下&＃xff0c;有一个叫做draw9patch.bat的文件&＃xff0c;双击打开就可以使用了。

• 打开之后&＃xff0c;我们可以直接将图片拖动到该工具之中&＃xff0c;或者点击File&＃xff0c;然后在导入进来。

• 导入之后&＃xff0c;我们可以看到左边是对图片的操作界面&＃xff0c;右边则是实时的显示界面。接下来&＃xff0c;我们要对图片进行描边了&＃xff0c;描边之前一定要清楚四条边的含义&＃xff0c;上左控制拉伸位置&＃xff0c;下右控制内容显示位置。

• 描边时&＃xff0c;按下鼠标左键&＃xff0c;然后放在图片边界移动就能描边了&＃xff0c;要是想要去掉黑边&＃xff0c;可以按下Shift键&＃xff0c;然后点击鼠标左键。

• 我们先绘制左上两边&＃xff0c;控制拉伸位置&＃xff0c;如下绘制完成了之后&＃xff0c;可以看右边的阅览图&＃xff0c;明显比没有绘制时边角的清晰度更高。

• 绘制完了图片的拉伸区域之后&＃xff0c;我们还需要绘制图片包裹的内容的显示区域&＃xff0c;如果没有绘制的话&＃xff0c;里边的内容是会从左到右依次显示&＃xff0c;这样有时达不到我们想要的效果。

• Demo中的图片我想要图片里面的文本显示在中央区域&＃xff0c;即不显示在文本区域&＃xff0c;所以我的黑色描边可以这样描。

通过对四条边的描黑边处理&＃xff0c;我们就成功了避免了使用图片时拉伸边角的问题&＃xff0c;拉伸的都是我们设置的区域&＃xff0c;显示的也是我们想要显示的位置。

2. 使用Android Studio工具制作.9图片

• Android Studio中天生就自带了.9的绘制工具&＃xff0c;你只需要将一般的png图片的名字末尾加.9后缀再拷贝到drawable目录下&＃xff0c;然后点击打开就能进入.9图片的绘制工具。如果是一般的图片是不会打开.9绘制工具的。

• 接下的过程和在Eclipse的绘制过程是一模一样的&＃xff0c;这里就不再继续演示了。绘制完成就可以直接使用了。

四、9patch图片使用总结

• 要想学会绘制.9图片一定要明白四条黑边的意义&＃xff0c;还有一定要会使用draw9patch工具。

• 开发过程中&＃xff0c;大部分的.9图片还是要我们程序员自己去绘制&＃xff0c;当然你在公司的美工比较多的除外。所以学会绘制.9图片还是很重要的。

• 使用.9图片遇到错误千万别着急&＃xff0c;先看一下错误提示&＃xff0c;然后检查一下你绘制的图片有没有问题&＃xff0c;实在解决不了可以发出来大家一起想办法。

五、关于在Android Studio中使用.9图片出错解决方案

• 用过Android Studio的童鞋都知道&＃xff0c;AS中对.9的图片增加了安全检查机制&＃xff0c;你的.9图片只要有不规范的地方都会给你编译报错&＃xff0c;本人刚开始用AS时就深受其苦&＃xff0c;后来才找到了解决办法。

• 解决方式主要有两种&＃xff1a;

  
  

  • 一是让AS取消掉对.9图片的安全检查。找到你app目录下的build.gradle文件&＃xff0c;打开之后你可以在buildToolsVersion属性之下添加取消安全检查的两行代码。

    // 取消掉系统对.9图片的检查
aaptOptions.cruncherEnabled &＃61; false
aaptOptions.useNewCruncher &＃61; false


  • 二是 .9图片编译报错&＃xff0c;那肯定说明你的.9图片制作不完善&＃xff0c;你可以检查一下图片哪里没绘制好。你可以检查一下是否有重复绘制黑边&＃xff0c;或者有哪条边没有绘制。这里注意&＃xff1a;AS中要求.9图片的四条边都会绘制。

个人主页
演示Demo下载

以上纯属于个人平时工作和学习的一些总结分享&＃xff0c;如果有什么错误欢迎随时指出&＃xff0c;大家可以讨论一起进步。